<template>
  <div class="findat">
<div class="banner">
<div><img src="../../../../public/imagescx/QQ截图20220907143800.png" alt=""></div>
</div>
<div class="banner1">
<div class="swiper">
   
<img src="../../../../public/imagescx/02.png" alt="">
</div>
</div>
<h1>探索更多公司</h1>
<ul class="banner3"><li>职位多</li>
<li>体验好</li>
<li>看照片</li>
<li>有大佬</li></ul>
<h2>72家公司.4098个岗位</h2>
<div class="huawei"><div><img src="../../../../public/imagescx/03.png" alt=""></div></div>
<section v-for="(item,index) in newbool" :key="index">
    <h4><span>{{item.title}}</span><span>{{item.wage}}</span></h4>
    <div class="bot"><span >{{item.address}}</span><span class="span2">{{item.year}}</span> <span>{{item.college}}</span></div>
</section>
  </div>
</template>

<script>
export default {
data(){
    return{

    }
},
computed:{
    newbool(){
        this.$store.dispatch('FIND_DATA')
    return this.$store.state.caixia.data
    }
    
   
}

}
</script>

<style lang="scss" scoped>

.banner{
    width: 100%;
    height: 1.3rem;
    background-color: #fbfbfb;
    display: flex;
    justify-content: center;
    align-items: center;
    div{
        width: 3.36rem;
        height: 1rem;
        
        img{
            width: 3.36rem;
        height: 1rem;
        }
    }
}
.banner1{
    height: 1.3rem;
    width: 100%;
    background-color: #fbfbfb;
    display: flex;
    justify-content: center;
    align-items: center;
    .swiper{
        width: 3.36rem;
        height: 1rem;
        img{
            width: 3.36rem;
        height: 1rem;
        }
    }
}
h1{
    font-weight: 700;
    font-size: .2rem;
    text-indent: .2rem;
}
.banner3{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: .1rem 0;
    li{
        width: 1rem;
        height: .35rem;
        background-color: #64bfbb;
        color: white;
        transform: scale(.8);
        text-align: center;
        border-radius: .22rem;
        line-height: .35rem;
    }
}
h2{width: 100%;
    color: rgba(128, 128, 128, 0.573);
    transform: scale(.8);
    text-indent: -.2rem;
    font-weight: 600;
    height: .2rem;
    
    margin: 0.2rem 0;
    line-height: .2rem;
    
}
.huawei{
    width: 100%;
    height: 1rem;
   
    display: flex;
    justify-content: center;
    align-items: center;
    div{
        width: 3.36rem;
        height: .68rem;
       
    }
    img{
        width: 3.36rem;
        height: .68rem;
    }
}
section{
    border-top: .01rem solid rgba(128, 128, 128, 0.231);
    border-bottom: .01rem solid rgba(128, 128, 128, 0.231);
    line-height: .5rem;
    padding: .2rem;
    h4{font-weight: 700;
        font-size: .2rem;
        display: flex;
        justify-content: space-between;
        
    }
    .bot{
        .span2{
            margin:0 .2rem
        }
    }
}
</style>